<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<script type="text/javascript">
	$(document).ready(function(){
		var checkDupliId=false;
		$("#id").focus(function(){
			$("#checkId").text("");
		});
		$("input[name=check]").click(function(){
			var id=$("input[name=id]").val();
			$.ajax({
			type:"POST",
			url:"isExistId.do",
			data:"id="+id+"&membertype=t",
			dataType:"json",
			success:function(jsonData){
			if(jsonData==1){			
				$("#checkId").html("<font color='red'> 중복된 아이디 입니다</font>");	
				 	} 
				}//jsondata
			});//ajax			
		     if($("#id").val()==""){
				$("#checkId").html("<font color='red'> 아이디를 입력해주세요</font>");						
				 }else{ 
		 			$("#checkId").html("<font color='blue'> 사용가능한 아이디입니다.</font>");
					return true;
					
			} //else if			
		}); //function
///////////////////////////////////////////////
		$("#confirmpass").keyup(function(){
			if($("#password").val()!=$("#confirmpass").val()){
				$("#checkPassword").html("<font color='red'>패스워드가 틀립니다.</font>");						
			}else{ //else if			
				 $("#checkPassword").html("<font color='blue'> 패스워드가 일치합니다.</font>");
			}//if-else
		});//click
	});
	////////////////////////////////////////////////////////////////////	
		
		$(form).submit(function(){	
		if($("input[name=name]").val()==""){
			alert("성명를 입력해 주세요");
			return false;
		}
		if($("input[name=password]").val()==""){
			alert("패스워드를 입력해 주세요");
			return false;
		}
		if($("textarea[name=confirmpass]").val()==""){
			alert("글내용을 입력해 주세요");
			return false;
		}
		if($("textarea[name=tel]").val()==""){
			alert("전화번호를 입력해 주세요");
			return false;
		}
		if($("textarea[name=email]").val()==""){
			alert("이메일을 입력해 주세요");
			return false;
		}
		if($("textarea[name=questionPass]").val()==""){
			alert("질문을 입력하세요");
			return false;
		}
		if($("textarea[name=answerPass]").val()==""){
			alert("답변을 입력하세요");
			return false;
		}
		if($("textarea[name=originalPass]").val()==""){
			alert("사진등록  하세요");
			return false;
		}
		if($("textarea[name=saveFileName]").val()==""){
			alert("변경값을 입력하세요");
			return false;
		}
		if($("textarea[name=enrollDate]").val()==""){
			alert("등록날짜를 입력하세요");
			return false;
		}
		if($("textarea[name=university]").val()==""){
			alert("학교명을 입력하세요");
			return false;
		}
		if($("textarea[name=hopeSubject]").val()==""){
			alert("희망과목을 입력하세요");
			return false;
		}
		if($("textarea[name=hopeGender]").val()==""){
			alert("성별을 입력하세요");
			return false;
		}
		if($("textarea[name=availableStudent]").val()==""){
			alert("학년을 체크하세요");
			return false;
		}
		if($("textarea[name=availableDay]").val()==""){
			alert("날짜를 선택하세요");
			return false;
		}
		if($("textarea[name=availableTime]").val()==""){
			alert("시간을 입력하세요");
			return false;
		}
		if($("textarea[name=intro]").val()==""){
			alert("자기소개를 입력하세요");
			return false;
		}
		

		//초기에 화면에 뿌려줄 내용
		//$("#total_gugunDiv").hide();
		$.ajax({
			type:"POST",
			url:"hopeSubjectList.do",
			dataType:"json",
			success:function(jsonData){	
				
					//시도 리스트 가져와서 뿌리기
				$("#hoperegion option").remove();
				var op="<option value='false'>-----------------</option>";
				$("#hoperegion").append(op);
 				$.each(jsonData.sidoList,function(index, sidoList){	//jsonData.sidoList을 sidolist란 이름으로 사용
 					op="<option value="+sidoList.code_code+">"+sidoList.code_name+"</option>";
					$("#hoperegion").append(op); 
				});   
			
 				//희망과목 가져와서 뿌리기
				$("#hopesubject option").remove();
				op="<option value='false'>-----------------</option>";
				$("#hopesubject").append(op);
 				$.each(jsonData.hopeSubjectList,function(index,hopesubjectlist){
 					op="<option value="+hopesubjectlist.code_code+">"+hopesubjectlist.code_name+"</option>";
					$("#hopesubject").append(op); 
				});
 				//성별 가져와서 뿌리기
				$("#gender option").remove();
				op="<option value='false'>-------</option>";
				$("#gender").append(op);
 				$.each(jsonData.genderList,function(index, genderlist){
 					op="<option value="+genderlist.code_code+">"+genderlist.code_name+"</option>";
					$("#gender").append(op); 
				});
 				$("#hopegender option").remove();
				op="<option value='false'>-------</option>";
				$("#hopegender").append(op);
 				$.each(jsonData.genderList,function(index, genderlist){
 					op="<option value="+genderlist.code_code+">"+genderlist.code_name+"</option>";
					$("#hopegender").append(op); 
				});
 	 				//학교학년 가져와서 뿌리기
				$("#availablestudent option").remove();
				op="<option value='false'>------------------------</option>";
				$("#availablestudent").append(op);
 				$.each(jsonData.gradeList,function(index, gradelist){
 					op="<option value="+gradelist.code_code+">"+gradelist.code_name+"</option>";
					$("#availablestudent").append(op); 
				}); 
 				//비밀번호 찾기 가져와서 뿌리기
			 	$("#questionpass option").remove();
				op="<option value='false'>-------------------------------------------------------</option>";
				$("#questionpass").append(op);
 				$.each(jsonData.passwordList,function(index, passwordList){
 					op="<option value="+passwordList.code_code+">"+passwordList.code_name+"</option>";
					$("#questionpass").append(op); 
				});  		
			}//success
		});//ajax
/* 				$.ajax({
				type:"POST",
				url:"gugunList.do",
				data:"code_code="+total_sido,
				dataType:"json",
				success:function(jsonData){
	 				//구군정보 가져와서 뿌리기
					$("#total_gugun option").remove();
					var op="<option value='false'>--</option>";
					$("#total_gugun").append(op);
	 				$.each(jsonData,function(index, codemaster){
	 					op="<option value="+codemaster.code_code+">"+codemaster.code_name+"</option>";
						$("#total_gugun").append(op); 
					});
				}
			});  */
		
		 //form submit
	}); //ready
	
</script>

<h3>선생님 회원 가입</h3><br>
<form name="form" method="post" enctype="multipart/form-data" action="castingTeacher.do" >
<input type="hidden" name="originalfilename">
<input type="hidden" name="savefilename">
<input type="hidden" name="enrolldate">
<input type="hidden" name="withdrawaldate">
	아이디: <input type="text" name="id" id="id"  >
		<input type="button" name="check" value="ID중복체크" ><span id="checkId"></span><br>
	이름:   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="name"><br>
	패스워드:  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="password" id="password"><br>
	패스워드 확인: <input type="password" id="confirmpass"><span id="checkPassword"></span><br>
	성별:   <select id="gender"></select><br>
	연락처: <input type="text" name="tel"><br>
	희망지역: <select id="hoperegion" ></select><br>
	이메일: <input type="text" name="email"><br>
	비밀번호질문:  <select id="questionpass" ></select><br>
	비밀번호답변: <input type="text" name="answerpass"><br>
	개인사진등록 : <input type="file" name="uploadfile"  value="파일선택"><br>				
	학교: <input type="text" name="university"> 대학교<br>
	희망과목: <select id="hopesubject" ></select><br>
	학생희망성별: <select id="hopegender"></select><br>
	교습가능학생:  <select id="availablestudent"></select><br>				
	교습가능요일:     <input type="radio" name="availableday" value="1" checked="checked"></input><label>무관</label>
						     <input type="radio" name="availableday" value="2" ></input><label>월</label>
						     <input type="radio" name="availableday" value="3" ></input><label>화</label>
						     <input type="radio" name="availableday" value="4" ></input><label>수</label>
						     <input type="radio" name="availableday" value="5" ></input><label>목</label>
						     <input type="radio" name="availableday" value="6" ></input><label>금</label>
						     <input type="radio" name="availableday" value="7" ></input><label>토</label>
						     <input type="radio" name="availableday" value="8" ></input><label>일</label><br>
	교습가능시간: <input type="text" name="availabletime"> 24시간제 로 입력하세요 (ex.13시~15시)<br>
	<textarea rows="7" cols="65" name="intro">이곳에 글을 작성하세요...</textarea><br>
	<input type="submit" value="회원가입">
	<input type="hidden" name="membertype" value="t">
</form>